﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>始终养生头条</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="icon" href="/static/hbsjimg.png" type="img/x-ico" />
    <meta http-equiv="keywords" content="始终养生头条">
    <meta name="description" content="始终养生头条" />

    <!-- 引入css样式 -->
    <link href="{{ url_for('static', filename='css/fenlei/swiper-3.2.5.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/index.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='bootstrap/css/bootstrap.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='font-awesome-4.7.0/css/font-awesome.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/fenlei/ectouch.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/fenlei/search.css') }}" rel="stylesheet">
    
    <style type="text/css">
    
    .kmshow{
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: #fff 0px 0px 3px;
      -moz-box-shadow: #fff 0px 0px 3px;
      box-shadow: #fff 0px 0px 3px;behavior: url(/PIE.htc);
    }
  </style>

</head>
<body style="max-width:640px;font-size: 14px;">
<div id="loading"><img src="images/loading.gif" /></div>
<div class="con" style="margin-top: -15px;">
  <div class="category-top" >
    <header>
      <section class="search" style="background: #E3EDCD;height: 50px;">

        <a onclick="window.history.back();" >
        <span style="float: left;margin-left: 3%;margin-top: 12px;font-size: 24px;color: #000;">
          <i class="fa fa-chevron-left">
          </i>
        </span>
      </a>

        <div class="text-all dis-box j-text-all" style="width: 80%;float: right;margin-top: 0px;">
          <div class="box-flex input-text"  style="height: 25px;width: 80%;"> 
            <a class="a-search-input j-search-input" href="javascript:void(0)" style="height: 25px;width: 100%;">
              
            </a>
            <input type="text" placeholder="请输入您想查找的内容" style="height: 25px;width: 80%;" />  
            <i class="iconfont icon-guanbi is-null j-is-null"></i> </div>
        </div>
      </section>
    </header>
  </div>


  <aside>
    <div class="menu-left scrollbar-none" id="sidebar" style="margin-top: -15px;">
      <ul>
        <li  class="active">养生分类</li>
        <li >运动、锻炼</li>
        <li >饮食养生</li>
        <li >人群养生</li>
        <li >科学养生</li>
        <li >两性养生</li>
        <li >中医</li>
        <li >女性</li>

      </ul>
    </div>
  </aside>
  <section class="menu-right padding-all j-content">
    <h5>始终养生头条分类</h5>
    <ul style="height: 800px;">

      <a href="/fenleisearch?keys=饮食">
        <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
          <h3 style="padding-top: 5px;">饮食</h3>
        </div>
      </a>

      <a href="/fenleisearch?keys=运动">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">运动</h3>
      </div>
    </a>

        <a href="/fenleisearch?keys=生活">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">生活</h3>
      </div>
    </a>

    
    

      <a href="/fenleisearch?keys=人群">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">人群</h3>
      </div>
    </a>

      <a href="/fenleisearch?keys=中医">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">中医</h3>
      </div>
    </a>

    <a href="/fenleisearch?keys=营养科普">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">营养科普</h3>
      </div>
    </a>

    <a href="/fenleisearch?keys=养生问答">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">养生问答</h3>
      </div>
    </a>

    <a href="/fenleisearch?keys=养生食谱">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">养生食谱</h3>
      </div>
    </a>

    </ul>
  </section>

  <section class="menu-right padding-all j-content" style="display:none">
    <h5>多运动、多锻炼</h5>
    <ul style="height: 800px;">

      <a href="/search?keys=拉伸">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">拉伸</h3>
      </div>
    </a>

    <a href="/search?keys=健身">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">健身</h3>
      </div>
    </a>

    <a href="/search?keys=训练方法">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">训练方法</h3>
      </div>
    </a>

    <a href="/search?keys=锻炼">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">锻炼</h3>
      </div>
    </a>

    <a href="/search?keys=减肥">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
        <h3 style="padding-top: 5px;">减肥</h3>
      </div>
    </a>

    <a href="/search?keys=气功">
      <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
       <h3 style="padding-top: 5px;">气功</h3>
      </div>
    </a>

    </ul>
  </section>

  <section class="menu-right padding-all j-content" style="display:none">
     <h5>分类在赶来的路上</h5>
    <ul style="height: 800px;">
      <a href="/">
        <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
          <h3 style="padding-top: 5px;">默认</h3>
        </div>
      </a>

      

    </ul>
  </section>


  <section class="menu-right padding-all j-content" style="display:none">
     <h5>分类在赶来的路上</h5>
    <ul style="height: 800px;">
      <a href="/">
        <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
          <h3 style="padding-top: 5px;">默认</h3>
        </div>
      </a>

    </ul>
  </section>


  <section class="menu-right padding-all j-content" style="display:none">
     <h5>分类在赶来的路上</h5>
    <ul style="height: 800px;">
      <a href="/">
        <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
          <h3 style="padding-top: 5px;">默认</h3>
        </div>
      </a>

    </ul>
  </section>


  <section class="menu-right padding-all j-content" style="display:none">
     <h5>分类在赶来的路上</h5>
    <ul style="height: 800px;">
      <a href="/">
        <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
          <h3 style="padding-top: 5px;">默认</h3>
        </div>
      </a>

    </ul>
  </section>


  <section class="menu-right padding-all j-content" style="display:none">
     <h5>分类在赶来的路上</h5>
    <ul style="height: 800px;">
      <a href="/">
        <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
          <h3 style="padding-top: 5px;">默认</h3>
        </div>
      </a>

    </ul>
  </section>


  <section class="menu-right padding-all j-content" style="display:none">
     <h5>分类在赶来的路上</h5>
    <ul style="height: 800px;">
      <a href="/">
        <div class="kmshow" style="float: left; width: 46%;margin-left: 3%;height: 48px;margin-top: 10px;background-color: #70f3ff;text-align: center;">
          <h3 style="padding-top: 5px;">默认</h3>
        </div>
      </a>

    </ul>
  </section>


  
</div>





<div class="search-div j-search-div ts-3">



  <section class="search" style="background: #E3EDCD;height: 50px;">
    <form action="index.php?m=default&c=category&a=index&u=0" method="post">
      <div class="text-all dis-box j-text-all">
        <div class="box-flex input-texts" style="height: 30px;margin-top: 0px;padding:0;">
          <input id="inputdata" name="inputdata" class="j-input-text" type="text" placeholder="请输入搜索关键词！" style="height: 35px;width: 100%;"  />
          <i class="iconfont icon-guanbi is-null j-is-null"></i> </div>
        <a type="submit" class="btn-submit" style="height: 28px;margin-top: 0px;margin-right: 5px;" onclick="go_query();">搜索</a>
      </div>
    </form>
  </section>


<script type="text/javascript">
      function go_query(){
        var inputdatas = $("#inputdata").val();
        //alert(inputdatas);
          window.location.href="/search?keys="+inputdatas;
          $("#gotoQ").append('<img src="http://img.zcool.cn/community/01f0fb5ae9d1a6a801207fa1ba0ff1.gif">');
        
        
      }
    </script>


  <section class="search-con" >
    <div class="swiper-scroll history-search" style="margin-top: -10%;">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <br>
  <br>
          <p>
            <label class="fl">热门搜索</label>
          </p>
          <ul class="hot-search a-text-more">
            {% for rsc in rsclist %}
               <li class="w-3"><a href="/queryData?keys={{ rsc }}"><span>{{ rsc }}</span></a></li>
            {% endfor %}

            
          </ul>

          <!--
          <p class="hos-search">
            <label class="fl">最近搜索</label>
            <span class="fr" onclick="javascript:clearHistroy();"><i class="fr"></i></span> 
          </p>
          -->

          <ul class="hot-search a-text-more a-text-one" id="search_histroy">
          </ul>
        </div>
      </div>
      <div class="swiper-scrollbar"></div>
    </div>
  </section>
  <footer class="close-search j-close-search"> 点击关闭 </footer>
</div>

<script type="text/javascript">
//设置cookie
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}
function clearHistroy(){
	setCookie('ECS[keywords]', '', -1);
	document.getElementById("search_histroy").style.visibility = "hidden";
}
</script> 

<!-- 引入JS -->
<script src="{{ url_for('static', filename='js/fenlei/swiper-3.2.5.min.js') }}" rel="stylesheet"></script>
<script src="{{ url_for('static', filename='js/jquery-3.3.1.min.js') }}" rel="stylesheet"></script>
<script src="{{ url_for('static', filename='js/fenlei/ectouch.js') }}" rel="stylesheet"></script>
<script src="{{ url_for('static', filename='js/fenlei/common.js') }}" rel="stylesheet"></script>


<script type="text/javascript">
	$(function($){
		$('#sidebar ul li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
			var index = $(this).index();
			$('.j-content').eq(index).show().siblings('.j-content').hide();
		})
	})
</script>

</body>
</html>